<script setup>
import {ref} from 'vue'
import {limitListService} from "@/api/limit.js";

const limitList = ref([])
const getInit = async () => {
  limitList.value = await limitListService()
}
getInit()
</script>
<template>
<el-card>
  <template #header>
    <div class="header">
      <h2>权限列表</h2>
    </div>
  </template>
  <el-tree
      style="max-width: 600px"
      :data="limitList"

      :props="{
        label: 'authName',
        children: 'children'

      }"
      :node-key="id"
      show-checkbox
  />
</el-card>
</template>

<style lang="scss" scoped>

</style>
